﻿html{
	 overflow:-moz-scrollbars-vertical;
	 margin:0px;
	 padding:0px;
}
body {
	font-family: Arial, Helvetica, sans-serif, Arial Unicode;
	background-color: #f2f2f2;
	margin:12px;
	padding:0px;
	color:#767676;
	font-size: 12px;
	line-height:1.5em;
}

a
{
	color:#017cc0;
	text-decoration:none;
}

a:visited
{
	color:#017cc0;
	text-decoration:none;
}

a:hover
{
	color:#9c9c9c;
	text-decoration:none;
}


/***********************************Master Page*******************************************/

.CaseStudyBody
{
	background-color:#FFFFFF;
	width:974px;
	margin:0 auto;
	font-family:Arial,Helvetica,sans-serif,Arial Unicode;
}
#head 
{
    clear:both;
    float:left;
    width:974px;
	height:80px;
	background-color:#f2f2f2;
}
#langswitch {
	height:33px;
	float:right;
    font-size:12px;
}
#loc {
	position:relative; 
	z-index:1000;
	border:1px solid #c2c2c2; 
	white-space:nowrap;
	width:100px;
	height:17px;
	background:#fff url(../images/droparrow.gif) right no-repeat;
	text-align:left;
	left:0px;
	top:14px;
}
#loc A, #loc A:visited {
	display:block; 
	width:98px;
	line-height:17px;
	color:#878788;
	text-decoration:none;
	padding-left:2px;
}
#lngs {
	position:absolute; 
	top:17px; 
	left:-1px;
	background:#ffffff; 
	border:1px solid #c2c2c2; 
	display:none;
	text-align:left;
}
#lngs A,#lngs A:visited {
	display:block;
	color:#878788;
	text-decoration:none;
	line-height:normal;
	height:16px;
	line-height:16px;
	padding:2px;
}
#lngs A:hover,#lngs A:active {
	display:block;
	color:#878788;
	text-decoration:none;
	background:#ddd;

}
#logo {
	width:188px;
	float:left;
	margin-right:-200px;
}
#nav {
	float:right;
	clear:right;
	margin-right:0px;
	font-family:Verdana, Geneva, sans-serif;
}
#nav ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#nav ul li {
	float:left;
	line-height:46px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#8c8c8c;
}
#nav ul li A,#nav ul li A:visited {
	float:left;	
	height:100%;
	display:block;
	color:#8c8c8c;
	text-decoration:none;
	padding:0px 16px;
	white-space:nowrap;
}
#nav ul li A:hover {
	color:#027bc4;
}
#nav ul li A.on, #nav ul li A.on:visited {
	color:#027bc4;
}
#nav ul li A.on:hover {
	color:#027bc4;
}

.SiteTopNavs
{
    float:right;
    width:760px;
	margin:12px 0 0;
	padding-right:8px;
}

.TopNav
{
    float:left;
    padding-top:5px;
    padding-left:20px;
    font-size:12px;
    font-weight:bold;
	font-family:Verdana,Geneva,sans-serif;
}

.TopNav a
{
	color:#8c8c8c;
	text-decoration:none;
}

.TopNav a:visited
{
	color:#8c8c8c;
	text-decoration:none;
}

.TopNav a:hover
{
	color:#017cc0;
	text-decoration:none;
}


.CaseStudyBody .CaseStudyBanner
{
	clear:both;
	height:221px;
	width:974px;
}

.BodySep
{
    height:30px;
}

.CaseStudyBody .CaseStudyMain
{
	clear:both;
	float:left;
	background-color:#ffffff;
	width:974px;
}

.CaseStudyBody .CaseStudyNav
{
	clear:both;
	float:left;
	width:168px;
	padding-left:34px;
}

.TopLevelNav
{  
    clear:both;
    float:left;
    height:150px;
	font-family:Verdana,Geneva,sans-serif;
	margin:7px 0 0;
}

.BottomNav
{
    clear:both;
    float:left;
    width:170px;
    height:50px;
}

.CaseStudyBody .FirstLevelNav
{
	clear:both;
	color:#017cc0;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	margin:0 0 15px;
}

.CaseStudyBody .FirstLevelNav a:hover {
	color:#ABB4B9;
}

.CaseStudyContent
{
	float:left;
	width:771px;
	min-height:400px;
	color:#767676;
	font-size:12px;
	border-left: 1px dashed #C5C5C5;
}

.AdminFooter
{
	clear:both;
	width:974px;
	height:50px;
	background-color:#f2f2f2;
	padding-top:35px;
	background:#FFFFFF;
}

.FootContent
{
    background-image:url(../images/foot.jpg);
    background-repeat:no-repeat;
    width:974px;
    height:103px;
    font-size:12px;
    color:#767676;
    padding-top:10px;
}

.Copyrights
{
    float:left;
    width:700px;
	font-family:Arial;
	padding:4px 0 0 4px;
}

.FootLink
{
    color:#767676;
}

.Rightlinks
{
    float:right;
    width:100px;
	margin:2px 0 0;
}

.FootContent a
{
	color:#767676;
	text-decoration:none;
}

.FootContent a:visited
{
	color:#767676;
	text-decoration:none;
}

.FootContent a:hover
{
	color:#017cc0;
	text-decoration:none;
}

/************************************ User Control *****************************************/

/******************** Case Study Item *****************************/
.ItemPanel
{
    border: 1px solid #DDD;
    padding:5px;
    width:130px;
    height:110px;
}

.CaseStudyItem
{
    clear:both;
    float:left;
    height:100px;
    font-size:11px;
    cursor:pointer;
}

.CaseStudyItem
{
    color:#606060;
    background:#F3F3F3;
}

.CaseStudyItem:hover
{
    color:#3399cc;
    background:#e7f4ff;
}

.ItemImg
{
    width:42px;
    height:42px;
    padding:1px;
    background:#ffffff;
    border:0px;
}

.ItemClientText
{
    width:82px;
    height:40px;
    padding:2px;
    z-index:1;
    overflow-y:hidden;
    vertical-align:middle;
    border:0px;
}

.ItemTitleText
{
    padding:5px;
    width:120px;
    height:56px;
    z-index:2;
	overflow-y:hidden;
    vertical-align:middle;
    border:0px;
}

.CaseStudyItem img {
	width:42px;
	height:42px;
	border:0px;
}

/******************** Component Related Info *****************************/
.RelateInformationContent
{
    clear:both;
    float:left;
    padding-bottom:20px;
    width:170px;
    font-size:12px;
    color:#808080;
}

.RITitle
{
    clear:both;
    float:left;
    width:170px;
    font-weight:bold;
    line-height:24px;
    color:#017cc0;
	font-family:Verdana,Geneva,sans-serif;
	padding:0 0 8px;
}

.RIContent
{
    clear:both;
    float:left;
    padding-left:14px;
    width:156px;
    line-height:12px;
}

.RelateInfoItem
{
    clear:both;
    float:left;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    width:140px;
    font-size:12px;
	font-family:Arial;
    background-image: url(../images/bullet.gif);
    background-repeat:no-repeat;    
}

.RelateInformationContent a
{
	color:#464748;
	text-decoration:none;
}

.RelateInformationContent a:visited
{
	color:#464748;
	text-decoration:none;
}

.RelateInformationContent a:hover
{
	color:#464748;
	text-decoration:underline;
}

/************************************ Landing Page *****************************************/
.CSTitle
{
    color:#017cc0;
    padding-left:24px;
    padding-bottom:20px;
}

.TopDiv
{
    font-size:12px;
	padding:0 28px 20px 24px;
    line-height:18px;
    color:#464748;
}

.MainDiv
{
    width:720px;
	padding-left:50px;
}

.MoreLink
{
    clear:both;
    float:left;
    padding-top:30px;
    padding-right:10px;
    width:632px;
}

.ShowLink
{
    clear:both;
    float:right;
}

.LandingCell
{
    width:140px;
    padding:8px;
}
/************************************ Category Page *****************************************/

.MainMiddle
{
    clear:both;
    float:left;
	padding:0 23px;
    width:510px;
    min-height:500px;
    font-size:12px;
	border:0 dashed #C5C5C5;
	border-width:0 1px 0 0;
}

.LeftMain
{
    clear:both;
    float:left;
    width:250px;
    padding-right:10px;
}

.RightMain
{
    float:left;
    width:250px;
}

.CategoryMainDiv
{
    padding-left:23px;
    padding-right:26px;
    width:730px;
}

.CellStyle
{
    width:140px;
    padding-right:10px;
    padding-bottom:10px;
}

.CategoryItemContent
{
    clear:both;
    float:left;
    padding-bottom:30px;
    line-height:14px;
}

.CategoryItemTitle
{
    clear:both;
    float:left;
    width:250px;
    font-style:normal;
    font-weight:bolder;
    padding-top:4px;
    padding-bottom:8px;
	color:#017cc0;
	font-family:Verdana,Geneva,sans-serif;
}

.ItemSecondLevelName
{
    clear:both;
    float:left;
    width:250px;
    font-size:12px;
	font-weight:bold;
	font-style:italic;
	color:#8c8c8c;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
}

.ItemTitle
{
    clear:both;
    float:left;
    width:250px;
    font-size:12px;
    font-style:normal;
    padding-left:10px;
    padding-top:3px;
    padding-bottom:3px;
}

.CategoryItemContent a
{
	color:#8c8c8c;
	text-decoration:none;
}

.CategoryItemContent a:visited
{
	color:#8c8c8c;
	text-decoration:none;
}

.CategoryItemContent a:hover
{
	color:#8c8c8c;
	text-decoration:underline;
}


/************************************ Search Page *****************************************/

.SearchContent
{
    width:704px;
    padding-right:26px;
}

.GeneralSearch
{
    float:left;
    padding-left:23px;
    padding-bottom:10px;
    width:680px;
}

.InfoItem
{
	clear:both;
	float:left;
	height:30px;
	width:500px;
}

.ItemText
{
	float:left;
	width:120px;
	text-align:right;
	line-height:22px;
	padding-right:15px;
	font-size:12px;
	font-weight:bold;
}

.ItemInput
{
	float:left;
	width:200px;
}

.ItemInput select {
	font-size:12px;
}

.ItemInput input {
	color:Gray;
}

.SearchButton
{
    float:left;
    padding-left:30px;
    width:85px;
}

.AdvanceSearch
{
    clear:both;
    float:left;
    padding-left:23px;
    padding-top:15px;
    width:680px;
    border-bottom: 1px solid #d0d0d0;
}

.AdvanceItem
{
    clear:both;
    padding-bottom:15px;
    width:200px;
}

.AdvanceOptionImg
{
    padding-bottom:2px;
}

.SearchResult
{
    clear:both;
    float:left;
    width:680px;
	border-top:1px solid #DDD;
	margin:10px 0 0 24px;
}

.ResultRemind
{
    clear:both;
    float:left;
    padding-top:20px;
    padding-bottom:20px;
    width:680px;
}

.LeftRemind
{
    clear:both;
    float:left;
    width:540px;
}

.RightRemind
{
	float:right;
	margin:0 5px 0 0;
}

.ResultContent
{
    clear:both;
    float:left;
    width:680px;
    min-height:300px;
    padding-left:20px;
}

.ResultItem
{
    clear:both;
    float:left;
    width:680px;
    min-height:10px;
    padding-bottom:15px;
}

.ResultImage
{
    clear:both;
    float:left;
    height:42px;
    width:42px;
}

.ResultImageLink
{
    border:0;
}


.ResultInfo
{
    float:left;
    width:540px;
    padding-left:20px;
}

.ResultTitle
{
    padding-top:2px;
    width:540px;
    font-style:normal;
}

.ResultDescription
{
    width:540px;
    font-style:normal;
}

.ResultFoot
{
    clear:both;
    padding-top:40px;
}

.ResultPagePre
{
    clear:both;
    float:left;
    padding-left:300px;
}

.btnPageControl
{
    cursor:pointer;
}

.CurrentPage
{
    width:10px;
    float:left;
    padding-left:20px;
    padding-right:20px;
}

.ResultPageNext
{
    float:left;
}

/************************************ Case Study Page *****************************************/

.MainRight
{
    float:left;
    min-height:500px;
    width:210px;
}

.RightTop
{
    font-size:12px;
    width:170px;
	padding:0 0 20px 15px;
}

.RightMiddle
{
	padding:0 24px 30px 16px;
    width:170px;
}

/*************************************** Html Page *************************************************/

h2
{
    margin:0px;
    font-size:14px;
	font-family:Verdana,Geneva,sans-serif;
}

.maintitle
{
    color:#0079c2;
}

.maintxt
{
    padding-top:10px;
    color:#464748;
    font-size:12px;
    line-height:18px;
}

.maintxt h2
{
    color:#444;
    font-weight:bold;
    font-size:12px;
	font-family:Arial;
}
